<template name="lgb-shopping-cart-bottom">
	<view class="lgb-shopping-cart-bottom">
    <view class="left-msg">
      <checkbox class="check-all"></checkbox>
      <text class="all">全选</text>
      <text class="countTitle">合计:</text>
      <text class="moneyIcon">￥</text>
      <text class="countNum">{{money}}</text>
    </view>
    <button class="right-btn">结算({{count}})</button>
  </view>
</template>

<script>
  export default {
      name: "lgb-shop-info",
      data(){
        return{
          money:15,
          count:22
        };
      }
  }  
</script>

<style lang="scss">
  .lgb-shopping-cart-bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100upx;
    .left-msg{
      display: inline-block;
      height: 100%;
      width: 75%;
      background: #fff;
      vertical-align: top;
      line-height: 100upx;
      .check-all{
        margin-left: 20upx;
      }
      .all{
        font-size:26rpx;
        color:#808080;
      }
      .countTitle{
        font-size:30upx;
        color:#1A1A1A;
        margin-left: 30upx;
      }
      .moneyIcon{
        font-size:30rpx;
        color:#e60013;
      }
      .countNum{
        font-size:46rpx;
        color:#e60013;
      }
    }
    .right-btn{
      display: inline-block;
      height: 100%;
      width: 25%;
      line-height:100upx;
      color:#333;
      background-color:#FFDE00;
      text-align:center;
      font-size:30upx;
      border: 0;
      vertical-align: top;
    }
    .right-btn::after{
      border: 0;
    }
  }
</style>
